<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.0.0-alpha.1/axios.js"></script>
    <!-- mockjs -->
    <script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.1-beta3/mock-min.js"></script>
    <script>
        // 模拟固定数据接口
        // Mock.mock("/api/getList", "get", {
        //     msg: "模拟的接口",
        //     data: [
        //         {
        //             title: "标题一",
        //             id: 0
        //         }
        //     ]
        // })


        // 模拟随机条数固定数据接口
        // Mock.mock("/api/getList", "get", {
        //     msg: "模拟的接口",
        //     "data|100-200": [
        //         {
        //             title: "标题一",
        //             id: 0
        //         }
        //     ]
        // })

        // 模拟随机条数随机数据接口
        // Mock.mock("/api/getList", "get", {
        //     msg: "模拟的接口",
        //     "data|50": [
        //         {   
        //             // id自增
        //             "id|+1": 0,
        //             // 随机标题
        //             title: "@ctitle",
        //             // 图片
        //             img: "@Image(100)",
        //             // 布尔值
        //             "sex|0-1": 0
        //         }
        //     ]
        // })


        // 模拟需要传参的接口
        Mock.mock(RegExp("/api/getList" + "*."), (req) => {
            console.log(req)
            let id = req.url.split('=')[1]
            return id
        })

        axios.get("/api/getList", {
            params: {
                id: 35
            }
        }).then(res => {
            console.log(res)
        })

        // console.log(RegExp("/api/getList" + "a"))
    </script>
</body>
</html>